// import logo from './logo.svg';
// import { render } from '@testing-library/react';
import React from 'react';
import './App.scss';
import Input from './component/Input'
import List from './component/List';
import Tabber from './component/Tabber';
import BannerImg from './component/BannerImg';
import ShopImg from './component/ShopImg';

class App2 extends React.Component{
  constructor(props){//在constructor中对组件状态进行初始化
    super(props);
    this.state = {  //初始化组件状态

    }

  }


render(){//render是必须的，render中必须通过return返回 组件模板
    // 店铺页面（首页）
    return (
    <div className='App2'>
      {/* 渲染Input组件 */}
      <Input></Input>
      {/* 渲染BannerImg组件 */}
      <BannerImg></BannerImg>
      {/* 渲染List组件 */}
      <List></List>
      {/* 渲染ShopImg组件 */}
      <ShopImg></ShopImg>
      {/* 渲染Tabber组件 */}
      <Tabber></Tabber>
      
    </div>
  )

}

}
export default App2;
